@base-width: 1242;
@device-ratio: 3;

// function
.func_width_vw(@orgin-width,@prop:width) {
  @{prop}: @orgin-width / @base-width * 100vmin;
}
.func_height_vw(@orgin-width, @orgin-height,@prop:height) {
  @{prop}: @orgin-height / @base-width * 100vmin;
}

.rem(@size,@prop:font-size) {
  @{prop}: @size / @device-ratio / 18 * 1rem;
}

.icoif (@condition) when (@condition = 1) {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.icoif (@condition) when not(@condition = 1) {
  flex-shrink: 0;
}

.ico(@width,@height,@bg,@isblock:1,@bg-prop:mask) {
  content: '';
  .icoif(@isblock);
  .func_width_vw(@width);
  .func_height_vw(@width, @height);
  @{bg-prop}: @bg no-repeat 50% 50% / contain;
}

// background & icon
@assets: '../assets/';

@index-bg: url('@{assets}index-bg.jpg');
@login-bg: url('@{assets}login-bg.jpg');

@dl: url('@{assets}dl.svg');
@dl-a: url('@{assets}dl-a.svg');
@fav: url('@{assets}fav.svg');
@filter: url('@{assets}filter.svg');
@fj: url('@{assets}fj.svg');
@gs: url('@{assets}gs.svg');
@jyzk: url('@{assets}jyzk.svg');
@kj: url('@{assets}kj.svg');
@kjxx: url('@{assets}kjxx.svg');
@link: url('@{assets}link.svg');
@lxr: url('@{assets}lxr.svg');
@my: url('@{assets}my.svg');
@my-a: url('@{assets}my-a.svg');
@qtqy: url('@{assets}qtqy.svg');
@qtqy-a: url('@{assets}qtqy-a.svg');
@qtxx: url('@{assets}qtxx.svg');
@qyxq: url('@{assets}qyxq.svg');
@ry: url('@{assets}ry.svg');
@rzdk: url('@{assets}rzdk.svg');
@search: url('@{assets}search.svg');
@ssxx: url('@{assets}ssxx.svg');
@tag: url('@{assets}tag.svg');
@xcqy: url('@{assets}xcqy.svg');
@xcqy-a: url('@{assets}xcqy-a.svg');
@zscq: url('@{assets}zscq.svg');
@list-arrow: url('@{assets}list-arrow.svg');

@my-fav: url('@{assets}my-fav.png');
@modify-pwd: url('@{assets}modify-pwd.png');


@green: #64b649;
@green-light: #e6f7e0;
@gray: #939393;
@red: #f75f0d;
